<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon"href="favico.ico"><title>残疾人家庭无障碍改造参考视频</title>
<link rel="shortcut icon"href="https://pic.baike.soso.com/ugc/baikepic2/7330/20160726230436-313769386.jpg/0"><title>
<title>残疾人家庭无障碍改造参考视频</title>

<!--可无视-->
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css">

<!--布局样式，意义不大-->
<link rel="stylesheet" href="css/demo.css">

<!--核心样式-->
<link rel="stylesheet" href="dist/css/ckin.css">

</head>
<body>

<section class="demo-section demo-section--light" id="demo">
	<div class="container">
		<h2 class="title heading">残疾人家庭无障碍改造参考视频</h2>				
	</div>
</section>

<section class="demo-section demo-section--light" id="skins">
	<div class="container">
		<ul class="demo-list">
			<li class="demo-list__item">
				<p>升降晾衣架</p>
				<video poster="ckin.jpg"  width="665" height="660" controls>
				<source poster="ckin.jpg"src="1.mp4" type="video/mp4"data-ckin="minimal">
				<source poster="ckin.jpg"src="1.ogg" type="video/ogg"data-ckin="minimal">
				<source poster="ckin.jpg"src="1.webm" type="video/webm"data-ckin="minimal">
				  <object poster="ckin.jpg"data="1.mp4" data-ckin="minimal" width="665" height="660">
					<embed poster="ckin.jpg"src="1.swf" data-ckin="minimal" width="665" height="660">
                </object> 
            </video>
			</li>
			<img src="1.jpg" width="660" height="660" >
			<li class="demo-list__item">
				<p>升降淋浴器</p>
				<video poster="ckin.jpg"  width="665" height="660" controls>
				<source poster="ckin.jpg"src="2.mp4" type="video/mp4"data-ckin="minimal"data-overlay="1">
				<source poster="ckin.jpg"src="2.ogg" type="video/ogg"data-ckin="minimal"data-overlay="1">
				<source poster="ckin.jpg"src="2.webm" type="video/webm"data-ckin="minimal"data-overlay="1">
				  <object poster="ckin.jpg"data="2.mp4" data-ckin="minimal" data-overlay="1"width="665" height="660">
					<embed poster="ckin.jpg"src="2.swf" data-ckin="minimal" data-overlay="1"width="665" height="660">
                </object> 
            </video>			
			</li>
			<img src="2.png" width="660" height="660" >	
		    <img id="haimian_img" src="1.gif" width="665" height="660"> 

			<li class="demo-list__item">
				<p>智能插座</p>
				<video poster="ckin.jpg"  width="665" height="660" controls>
				<source poster="ckin.jpg"src="3.mp4" type="video/mp4"data-ckin="minimal"data-overlay="2">
				<source poster="ckin.jpg"src="3.ogg" type="video/ogg"data-ckin="minimal"data-overlay="2">
				<source poster="ckin.jpg"src="3.webm" type="video/webm"data-ckin="minimal"data-overlay="2">
				  <object poster="ckin.jpg"data="3.mp4" data-ckin="minimal" data-overlay="2"width="665" height="660">
					<embed poster="ckin.jpg"src="3.swf" data-ckin="minimal" data-overlay="2"width="665" height="660">
                </object> 
            </video>						
			</li>
		</ul>
	</div>
</section>

<script src="dist/js/ckin.js"></script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>